html,body {font-family: '΢ÈíÑźÚ', Arial, Helvetica, sans-serif; -webkit-text-size-adjust:none; /*_behavior:url(/iepng/iepngfix.htc);*/behavior:url(/inc/file/ie-css3.htc);} td,th,div,input,select,textarea,li,ol,dt,dd,h1,h2,h3,h4,h5,h6{font-size:12px; color:#333;} font,span{font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote{padding:0; margin:0;} h1,h2,h3,h4,h5,h6{font-weight:normal;} li{list-style-type:none;} img{border:none;} /*a*/ a{color:#333; text-decoration:none;} /*a:hover{color:#ff6600; text-decoration:underline;}*/ a.red{color:red; text-decoration:none;} a.red:hover{color:red; text-decoration:underline;} a:focus{outline: none;} a.unline{text-decoration:underline;} .inline-block{display: inline-block;} .absolute{position: absolute;z-index: 1;} .advantage{position:relative;height:378px;margin:0 0 20px 37px;width:330px; float:left; } .advantage-img{position:absolute;z-index: 1;left:0;top:0} .advantage-text{position:absolute;z-index: 2;right:0;bottom:0;width:296px;height:239px;margin:77px 15px 0;background: url("../images/advantage-gray.png") no-repeat left bottom;font-size:12px;box-shadow:2px 2px 2px #ccc;} .advantage-active .advantage-text{color:#fff;background-image: url("../images/advantage-red.png");box-shadow:2px 2px 2px #DD2E2D;} .advantage-content{ margin-top:80px; width:280px} .advantage-text h5{font-size:18px;margin-left:10px;font-weight:bold} .advantage-text p{ margin-top:20px; margin-left:10px;} .advantage-img i{font-size:14px;text-align:center;line-height:16px;font-style:normal;font-weight:bold;text-align:center;color:#666;display:block;width:37px;height:78px;padding-top:42px;background:#eee url("../images/youshi.jpg") no-repeat 0 0;position:absolute;left:-37px;top:20px;} .row{margin-right:-15px;margin-left:-15px; margin-top:20px;} .advantage-active h5{color:#fff; font-weight:bold} .advantage-active p{color:#fff;} .marleft { margin-left:100px} .nyxgcp { width:900px; line-height:30px; text-align:left; margin-top:20px;font-size:12px;} .nyxgcp a { color:#0057A7;} .nyxgcp a:hover { color:#D90209;} /*html,body{ margin:0 auto;padding:0;font-size:14px;line-height:1.8em;font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif; background-color: #ffffff;}*/ .container{width:1200px; margin:0 auto;} #top{width:100%; border-top:#DD2D2D solid 2px;height:100px; margin:0 auto;} #header{ width:1200px; margin:0 auto; text-align:center; height:135px; margin-top:2px;} h1#logo{padding:10px 0 15px;width:290px; float:left;} h1#logo a{list-style-type: none;} h1#logo img{ border-style:none} #navigation{background-color: #ffffff; width:800px; float:left;height:50px;padding-top:35px;} #banner{z-index: 2;} #banner .bd{width: 100%;} #banner .bar{width: 100%;height: 100%;left: 0;letter-spacing: -5px;} /*letter-spacing: -5px;¼æÈÝSafari*/ #banner .bar *{letter-spacing: normal;} #banner.slide .bar{-webkit-transition: all 800ms ease 0s;-moz-transition: all 800ms ease 0s;-o-transition: all 800ms ease 0s;transition: all 800ms ease 0s;} #banner .item{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;z-index: 1;display: inline-block;} #banner .item a{width:100%; height:100%; left:0; top:0;} #banner.fold .item{zoom: 1;opacity: 0;} #banner.fold .item.on{opacity: 1;} #banner .item .font{width: 100%;left: 0;top: 25%/*44%*/;} #banner .item .title-0{font-size: 30px;color: #fffefe;} #banner .item .title-1{line-height: 18px;color: #c2daed;margin-top: 15px;} #banner .item .title-1.white{color: #fff;} #banner .item .title-1.white:before{content: '';width: 50px;height: 5px;margin-left :-25px;background: #fff;position: absolute;left: 50%;bottom: -44px; z-index:2;} #banner .item .service-banner-icon{width: 196px;height: 55px;margin: 75px auto 0;line-height: 55px;color: #fff;font-size: 14px;border: 1px solid #fff;} #banner .item .solution-banner-icon{width: 160px;height: 40px;margin: 0 5px;line-height: 40px;color: #fff;font-size: 14px;border-radius: 20px;background-color: #0382db;} #banner .hd{width: 100%;height: 0;left: 0;bottom: 40px;} #banner .hd a{width: 20px;height: 20px;border-radius: 100%;margin: 0 5px;display: inline-block;cursor: pointer;-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;} #banner.White .hd a{background-color: #fff;} #banner.Block .hd a{background-color: #ccc;} #banner .hd .on{background-color: #3da8e5 !important;} .home-title{padding:10px 0;text-align: center; margin-top:20px;} .home-title h2{margin:0;padding:0 0 14px;font-size:30px;background:url(../images/"../images/fgx.gif") no-repeat bottom center;} .home-title h2 em{font-style:normal;font-weight:normal;font-size: 0.8em;color:#39393C;padding-left:0.8em;display:inline;} .row{margin-right:-15px;margin-left:-15px; margin-top:20px;} .pull-left{padding-right:10px} #home-product-menu{position:absolute;display:block;width:165px;left:50%;margin-left:-740px;} #home-product-menu ul{list-style-type: none;margin:0;padding:0 15px 0 0;float:left;} #home-product-menu ul li{padding-top:3px;padding-bottom:3px; width:120px;} #home-product-menu ul li a{color:#6a6969;display: block;position:relative;padding-left:20px;height:22px;line-height:22px;text-decoration: none;} #home-product-menu ul li i{position:absolute;top:0;left:0;width:15px;height:22px;display:block;border-bottom:#A1A1A1 solid 1px;font-style: normal;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;} #home-product-menu ul li a:after{position:absolute;top:11px;left:13px;content:" ";display:block;border:#CD0A0A solid 1px;height:1px;width:1px;line-height:1px;} #home-product-menu ul li a:hover, #home-product-menu ul li.active a{color:#cc1300;text-decoration:none;} #home-product-menu ul li a:hover i, #home-product-menu ul li.active a i{width:100%;} /*.product-box{padding-top:30px;padding-bottom:25px; height:265px}*/ .product-box{padding-top:30px;padding-bottom:25px; height:510px} .product-cate-title{position:relative;height:50px;padding-left:65px;line-height:26px;border-bottom:#24201F solid 2px;} .product-cate-title:after{position:absolute;top:11px;left:49px;content:" ";display:block;border:#CD0A0A solid 2px;height:3px;width:3px;line-height:3px;} .product-cate-title .floor-name{position:absolute;top:0;left:0;width:38px;height:50px;border-bottom:#D71F19 solid 2px;} .product-cate-title .floor-name em{display:block;height:26px;background-color:#D71F19;color:#fff;font-style:normal;font-size:22px;line-height:26px;text-align: center;} .product-cate-title h3{margin-top: 0;margin-bottom: 0; font-size:24px} .product-cate-title span.more{position:absolute;right:0;top:0;line-height:26px;} .product-cate-title span.more a{color:#5C5C5C;} .product-cate-title span.more a:hover{color:#CC0033;text-decoration: none;} #home-product-list .product-list{border-left:#EEE solid 1px; width:808px; margin-left:15px; float:left} #home-product-list .product-item{float:left;width:220px;height:229px;border-right:#EEE solid 1px;border-bottom:#EEE solid 1px;} #home-product-list .product-item div{width:200px;margin:12px auto 0;} #home-product-list .product-item p{color:#747474;padding-top:0px;line-height:1.8em;font-size:12px;} #home-product-list .product-item a{font-size: 14px;color:#f82d12;line-height:14px;text-decoration: none;} #home-product-list .product-item a:hover{color:#CC0033;text-decoration: none;} #home-product-list .product-vivid{text-align: center;color:#fff; width:276px; height:458px; float:left} #home-product-list .product-cate-slogan{font-size: 22px;margin-top:35px;} #home-product-list .product-cate-desc{font-size: 14px;height:40px;line-height: 40px;background: url("../images/.../images/productCategory-desc-bg.png") no-repeat center center;} #home-product-list .product-cate-more{font-size: 12px;padding-top:15px;} #home-product-list .product-cate-more a{padding:10px 15px;border:#fff solid 1px;color:#fff;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}#home-product-list .product-cate-more a:hover{text-decoration:none;border:#CC0033 solid 1px;background-color:#CC0033;} #home-product-list .product-item img{width:200px;height:130px;display:block; border:0} #left-product-category{display:block;float:left;margin-right:18px;width:242px;min-height:539px;background: url("../images/.../images/product-left-category.png") no-repeat 0 0;} #left-product-category.application{background: url("../images/.../images/application-left-category.png") no-repeat 0 0;} #left-product-category .product-cate-head{height:120px;} #left-product-category .product-cate-list{list-style-type: none;margin:50px 0 0 55px;border-top: none;} #left-product-category .product-cate-list li{border-bottom: none;} #left-product-category a{color:#fff;} #product-list{float:left;width:840px;} .product-details img{max-width:840px;height:auto;} #left-product-category{} .product-cate-list{margin:0;padding:0;list-style-type:none;border-top:#EDEDED solid 1px;} .product-cate-list li{border-bottom: #EDEDED solid 1px;} .product-cate-list a{display:block;padding:5px 20px; text-decoration:none} #product-list{padding-top:25px;} .product-details{ min-height:550px;} .product-details h1{font-size:26px;} .product-details img{max-width:100%;height:auto;} #product-list .product-item{width:242px;margin:15px auto;background-color:#eee;border:#eee solid 1px;} #product-list .product-item img{width:242px;height:160px;display:block; border:0px} #product-list .product-item .title,#product-list .product-item p{display:block;margin:0 10px;padding-top:6px;padding-bottom:6px;} #product-list .product-item p{border-top:#dcdcdc solid 1px;font-size:12px;line-height:1.6em;height:70px;} #product-list .product-item a{text-decoration: none;color:#363636;} #product-list .product-item b{ text-align:center; display:block;} #product-list .product-item:hover{background-color:#dd2e2d;color:#fff;border:#dd2e2d solid 1px;} #product-list .product-item:hover a{color:#fff;} .product-info{position:relative;background: url("../images/.../images/product-quality.png") no-repeat 0 0;background-size:cover;height:428px;} .product-info dl{margin-bottom:10px;} .product-info dt{width:75px;} .product-info dt,.product-info dd{display:table-cell;} .product-quality{padding-top:130px;padding-left:150px;color:#fff;} .product-quality h1{ font-weight:100; font-size:26px} .product-quality p{margin-bottom:0; height:13px; line-height:13px;} .product-thumb{position:absolute;height:125px;top:0;right:0;overflow:hidden;zoom:1;} .product-thumb>div{float:left;width:33.3%;height:127px;padding:5px;} .product-thumb>div>img{display:block;width:126px;height:119px;box-shadow:1px 1px 1px #333;} .product-thumb{position:absolute;top:280px;right:0;overflow:hidden;zoom:1;} .product-thumb>div{float:left;width:134px;padding:4px;} #contact{background:url(../images/"../images/.../images/contact-bg.jpg") no-repeat 0 0;background-size:cover; height:970px;} #contact .head{padding-top:100px;padding-bottom:20px;} #contact .head h1{font-size:26px;color:#fff;margin:0;padding:0;line-height:26px;text-transform:uppercase;} #contact .head h1 em{font-size:0.6em;font-style:normal;margin-left:8px;} #contact .row{position:absolute;top:50%;margin-top:-230px;} #contact .col-sm-4 img{max-width:100%;} #contact .col-sm-4 p{width:345px;max-width:100%;margin-right:auto;margin-left:auto;} #contact .col-sm-4{min-height:1px;float:left;width:360px} #contact .qrCode{position:relative;} #contact .qrCode:after{content:'';position:absolute;left:25%;top:185px; background-color:#20c2ff;width:50%;height:2px;-moz-box-shadow:0 0 6px rgba(32,194,255,.7);-webkit-box-shadow:0 0 6px rgba(32,194,255,.7);box-shadow:0 0 6px rgba(32,194,255,.7);-webkit-animation:qrcode 3s linear 1s infinite both;animation:qrcode 3s linear 1s infinite both;} @-webkit-keyframes qrcode { 0% { opacity: 1; filter:alpha(opacity:100); top: 185px; } 100% { opacity: 1; filter:alpha(opacity:100); top: 360px; } } @-moz-keyframes qrcode { 0% { opacity: 1; filter:alpha(opacity:100); top: 185px; } 100% { opacity: 1; filter:alpha(opacity:100); top: 360px; } } @keyframes qrcode { 0% { opacity: 1; filter:alpha(opacity:100); top: 185px; } 100% { opacity: 1; filter:alpha(opacity:100); top:360px; } } #dituContent{height:345px;width:100%;} #subContact{width:100%;max-width:750px;margin-top:55px;padding:15px 0;background-image:url("../images/.../images/subcontact-bg.png");color:#fcfafa;} .subContactMenu{width:215px;display:none;} .subContactMenu ul{list-style-type: none;margin:0;padding-left:0;} .subContactMenu ul li{padding:0;} .subContactMenu ul li h3{display:block;height:40px;padding-left:40px;margin:-30px 0 0 0;background:#393939 url("../images/.../images/contact-icon.png") no-repeat 18px center;line-height:40px;color:#fcfafa;font-size:14px;} .subContactInfo h2{font-size:18px;margin-bottom:20px;} .subContactInfo ul{list-style-type: none;padding-left:0;} #acontent{ width:1200px; margin:0 auto;} .text-center{text-align:center} h3.about-title{font-size:24px; text-align:center} em.about-desc{font-style: normal;font-size:13px;text-align:center; color:#666} #about-1{padding:25px 0; width:1200px; float:left} #about-1 .row{margin-top:30px;} #about-1 .icon{display:block;height:100px;min-width:80px;background-position:center center;background-repeat: no-repeat;} .one .icon{background-image: url("../images/.../images/icon-1.png")} .two .icon{background-image: url("../images/.../images/icon-2.png")} .three .icon{background-image: url("../images/.../images/icon-5.png")} #about-1 .box-row{max-width:220px;margin: auto;} #about-1 .box-row p{color:#666} #about-1 h5 em{font-style: normal;display: block;font-size: 14px;} .col-sm-4{min-height:1px;float:left;width:32%} #about-2{padding:20px 0; float:left; width:1200px;} #about-2 .about-title{height:60px;padding-bottom:7px;background: url("../images/.../images/bt-bg-left.png") no-repeat center top;color:#fff;line-height:53px;} #about-2 .row{margin-top:20px;} #about-1 h5, #about-2 h5{margin-top:15px;font-size:20px;font-weight:bold;color:#1e1e1e;line-height:30px;} #about-2 p{font-size:12px;line-height:1.6em;} .col-sm-3{float:left;width:24%} .col-sm-3 p{color:#666} #about-3{padding:20px 0; float:left; width:1200px;} #about-3 .about-title{height:60px;padding-bottom:7px;background: url("../images/.../images/bt-bg-right.png") no-repeat center top;color:#fff;line-height:53px;} #about-3 .col-sm-6{text-align: left;min-height:110px;margin-top:25px;} #about-3 .ln-img{width:110px;height:110px;border-radius:50%;overflow: hidden; float:left;} #about-3 .ln-text{ float:right; width:400px;} #about-3 .ln-text h5{font-weight: bold; height:8px; font-size:14px} .col-sm-6{height:160px;float:left;width:48%} #about{padding-top:25px; float:left;width:1200px;} #about .about-title{height:60px;padding-bottom:7px;background: url("../images/.../images/bt-bg-left.png") no-repeat center top;color:#fff;line-height:53px;} .time-line{margin-top:20px; width:1200px;} .time-line .time-title{line-height:20px;font-size:16px;color:#1e1e1e;font-weight:bold;vertical-align:middle;width:100%;text-align:center;margin-bottom:20px;} .time-line{background:url(../images/"../images/.../images/time-line.png") repeat-y center top;} .time-line dl{margin-bottom:0;overflow:hidden;zoom:1;padding:15px 0;} .time-line dt,.time-line dd{width:43%;min-height:100px;} .time-line dd{padding-top:0;} dl.right dt{text-align:left;float:right;} dl.right dd,dl.right .time-title{text-align:right;} dl.right dt,dl.left dd{padding-left:36px;} dl.right dd,dl.left dt{padding-right:36px;} dl.left dt{float:left;text-align:right;} dl.left dd{float:left;text-align:left;} .time-title{position:relative;z-index:1;} .time-title:after{content:" ";position:absolute;width:16px;height:16px;display:block; background:url(../images/"../images/.../images/icon-3.png") no-repeat center center;top:2px;} dl:hover .time-title:after{background-image:url("../images/.../images/icon-4.png")} dl.left .time-title:after{left:-44px;} dl.right .time-title:after{right:-44px;} dl.first .time-title:before{content:" ";position:absolute;top:-15px;right:-38px;width:4px;height:17px;background-color:#fff;} dl.left .time-title{text-align: left;} .hot-tel{width:206px;height:98px;margin:0 auto;padding-top:30px;background:url(../images/"../images/.../images/hot-tel.png") no-repeat center top;color:#f9f5f5;font-size:22px;} .hot-tel span{display:block;line-height:40px;} #teamer{background-color:#F0F0F0;text-align: center;padding-top:20px; float:left} #teamer img{width:100%;max-width:1090px;margin:0 auto;} #teamer p{font-size:30px;margin-top:25px;margin-bottom:35px;} #base_info{padding:30px 0;background-color:#f0f2f3;} #base_info h2{color:#33ccff;font-size:26px;text-align:center;margin-top:10px;margin-right:15px;} #base_info h2 em{display:inline-block;color:#333;width:100%;line-height:1.5em;margin-top:10px;} #base_info .col-sm-8{font-size:12px;} .application-item{max-width:334px;margin:15px auto;} .application-item i.icon{display:block;width:68px;height:68px;margin:25px auto 0;overflow:hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;} .application-item h3{margin:10px 0 0;height:30px;line-height:30px;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;text-align: center;} .each-wrap{width:330px;height:160px;position: relative;background-position: center center;background-size: cover;background-repeat: no-repeat;} .each-wrap .cover{position:absolute;width:100%;height:100%;background-color:#0066a5;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55);opacity:0.55;z-index:0;} .each-wrap span{position:absolute;display:block;width:100%;height:100%;color:#fff;z-index:1;} #footer{background-color:#222; float:left; width:100%; margin:0 auto} #footer .col-sm-2{position:relative;min-height:1px;padding-right:15px;padding-left:15px;float:left;width:160px} #foot-menu{color:#f8fafa;font-size:16px;} #foot-menu h5{margin:0;padding:30px 0 15px;} #foot-menu h5 a{color:#f8fafa; text-decoration: none;} #foot-menu h5 a:hover{text-decoration: none;} #foot-menu ul{list-style-type: none;margin:0;padding:0;font-size:12px;} #foot-menu ul li{height:26px;} #foot-menu ul a{color:#b5b4b4;line-height:16px;height:16px;overflow: hidden;text-decoration: none;} #foot-menu ul a:hover{border-bottom: #ccc dotted 1px;text-decoration: none;} #copyright{border-top:#2F2F2F solid 1px;padding:10px 0;margin-top:20px;color:#7d7d7d; width:1200px; height:30px; float:left} #copyright a{color:#b5b4b4; text-decoration: none;} #copyright .bshare-custom{ float:right} .pagelist{text-align:center;padding:25px 0 0; clear:both;} .pagelist a{color:#666;} .pagelist a:hover{color:#0082cb;} .pagelist li{ list-style:none; display:inline-block;} .pagelist li, .pagelist li.thisclass {background-image: url("../images/.../images/page.png");background-repeat: no-repeat;overflow: hidden; margin:0 2px;padding:0 10px;} .pagelist li a, .pagelist li.thisclass {display: inline-block;font-family: microsoft yahei;position: relative;text-align: center;z-index: 5;} .pagelist li {background-position: -1px -1px;cursor: pointer; border: 1px solid #E5E5E5; border-radius: 2px;} .pagelist li.thisclass {background-position: -1px -31px;color: #fff; border: 1px solid #800000; border-radius: 2px;} .page{ display:block; text-align:center;} .page table{ margin:0 auto;} .page a{color:#666;} .page a:hover{color:#0082cb;} .page a{ background-image: url("../images/.../images/page.png");background-repeat: no-repeat;overflow: hidden; margin:0 2px;padding:0 10px;display: inline-block;font-family: microsoft yahei;position: relative;text-align: center;z-index: 5;} .page a {background-position: -1px -1px;cursor: pointer; border: 1px solid #E5E5E5; border-radius: 2px;} .page a.thisclass {background-position: -1px -31px;color: #fff; border: 1px solid #800000; border-radius: 2px;} .box{width:100%; margin:0 auto;} .mt20{margin-top:5px} .over{overflow: hidden;} .wow{visibility: hidden;} .text-center{text-align: center;} .wrap{max-width:1160px; width: 100%; margin:0 auto;} .absolute{position: absolute;z-index: 1;} .text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .block{display: block;} .fl{float: left;} .fr{float: right;} .nowrap{white-space: nowrap;} .relative{position: relative;z-index: 1;} .index-news{padding: 0 0 25px; margin-top:20px;border-bottom: 1px solid #ececec;} .index-news .category-item{height: 32px; width:80px;padding: 0 20px;line-height: 32px;color: #666666;font-size: 14px;border-radius: 16px;} .index-news .category-item.cur, .index-news .category-item:hover{color: #fff;background: #0057A7;} .index-news .news-item-wrap{width:100%;margin-top: 50px;display: none;} .index-news .news-item-wrap.show{display:block;} .index-news .news-item-wrap .news-item{width: calc(33.33% - 18px);width: -webkit-calc(33.33% - 18px);width: -moz-calc(33.33% - 18px);height: 138px;margin: 0 9px 20px 9px;border: 1px solid #EEEEEE;} .index-news .news-item-wrap .news-item:nth-child(3n){margin-right:0;} .index-news .news-item-wrap .news-item:hover{box-shadow: 0 2px 5px 2px #EEEEEE;} .index-news .news-item-wrap .news-item .news-time{width: 100px;height: 20px;line-height: 20px;color: #666666;background: #fff;left: 20px;top: -10px;} .index-news .news-item-wrap .news-item .news-title{width: 84.3%;margin: 30px auto 5px;line-height: 32px;color: #333333;font-size: 16px;} .index-news .news-item-wrap .news-item .news-brief{width: 84.3%;height: 40px;margin: 0 auto;line-height: 20px;color: #999999;} .web-title{padding: 45px 0 40px;} .web-title .title-0{font-size: 30px;color: #393939;} .web-title .title-0.gray{font-size: 36px;color: #999999;} .web-title .title-1{margin-top: 15px;line-height: 30px;font-size: 18px;color: #393939;} .web-title .line{width: 58px;height: 4px;background-color: #3b8cc4;margin: 20px auto 0;} .web-cont{line-height:24px;} .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp} .clean:after,.clean:before{display: table; content:''; } .clean:after{clear: both;} .clean{zoom:1;} .trans{-webkit-transition: all 300ms ease 0s;-moz-transition: all 300ms ease 0s;-ms-transition: all 300ms ease 0s;-o-transition: all 300ms ease 0s;transition: all 300ms ease 0s;} /*#home-product-list .product-list{ width:100%; margin-left:0; } #home-product-list .product-list .product-item{ padding:9.45px;} #home-product-list .product-item p{ height:52px; overflow:hidden;}*/ #footer{background: #0057A7 url(/newwebsite/images/images/footer-bg.jpg);} #footer .contact-info{width: 64%;} #footer .contact-info .t{color: #ffffff;font-size: 20px;} #footer .contact-info .t span{color: #0057A7;font-size: 20px;} #footer .contact-info .n{color: #ffffff;font-size: 24px;} #footer .contact-info .b{color: #ffffff;font-size: 14px; line-height:25px;} #footer .contact-info .contact-btn{width: 100px;height: 32px;line-height: 32px;color: #fff;font-size: 14px;border-radius: 16px;background: #0057A7;} #footer .contact-qrcode{width: 165px;margin-top: 32px;color: #ffffff;font-size: 14px;} #footer .btm-item{width: calc(33.3333% - 25px);width: -webkit-calc(33.3333% - 25px);width: -moz-calc(33.3333% - 25px);margin-left: 36px;} #footer .btm-item.first{margin-left: 0;} #footer .btm-item .btm-item-title{height: 48px;margin-bottom: 30px;line-height: 48px;color: #fff;font-size: 16px;border-bottom: 1px solid #4c4c4c;} #footer .btm-item .btm-item-title .btm-item-more{height: 48px;line-height: 48px;color: #fff;font-size: 12px;} #footer .btm-item .btm-item-list{width: 42%; margin-right: 8%;line-height: 28px;} #footer .btm-item .btm-item-list a{color: #ffffff;} #footer .btm-item .btm-item-cont{height: 190px;line-height: 28px;color: #ffffff;} #footer .btm-item .btm-item-cont a{color:#ffffff;} #footer .links{margin: 15px 0 0;line-height: 24px;color: #ffffff;padding: 0 0 15px;/*border-top: 1px solid rgba(255,255,255,.1);*/border-bottom: 1px solid rgba(255,255,255,.1);} #footer .links .links-title{margin-bottom: 20px;color: #fff;font-size: 16px;} #footer .links a{margin-right: 24px;font-size: inherit;color: inherit;} #footer .links a:hover{color: #fff;} #footer .links span{margin: 0 5px;} #footer .copyright{/*height: 52px;*/line-height: 52px;border-top: 1px solid rgba(255,255,255,.1);} #footer .copyright div{color: #ffffff;} #footer .copyright a{color: inherit;} #footer .copyright a:hover{color: #fff;} #footer .qrcode{font-size: 14px;color: #fff;margin: 0 auto 30px;max-width: 130px;} #footer .qrcode img{margin-bottom: 10px;} #footer_alert{ width:100%; height:58px; position:fixed; left:0; bottom:-100px; background:#e9e9e9; background:rgba(233,233,233,0.9); z-index:999;} #footer_alert .wrap{ position:relative; height:100%;} #footer_alert .img{ width:96px; height:66px; position:absolute; left:240px; bottom:7px;} #footer_alert .txt{ font-size:24px; color:#535353; line-height:58px; margin-left:380px; float:left;} #footer_alert .txt span{ font-family:"Arial"; font-size:32px; color:#3eb3a0; margin:0 10px; vertical-align:bottom;} #footer_alert .btn{ width:166px; height:38px; /*line-height:38px;*/ font-size:16px; color:#fff; float:right; margin-right:200px; margin-top:11px; background:#0057A7; display:inline-block; text-decoration:none; text-align:center; -moz-border-radius:19px; -ms-border-radius:19px; -o-border-radius:19px; -webkit-border-radius:19px; border-radius:19px;} #footer_alert .btn i{ width:27px; height:22px; left:15px; top:7px; background:url(../images//images/icons.png) no-repeat; background-position:-37px -3px;} #footer_alert .close{ width:25px; height:25px; float:right; cursor:pointer; margin-right:10px; margin-top:17px;} #footer_alert .close i{ width:25px; height:25px; left:0; top:0; background:url(../images//images/icons.png) no-repeat; background-position:-456px -398px;} /* padding */ .clear{margin:0px auto; clear:both; height:0px; font-size:0px; overflow:hidden;} .blank3{margin:0px auto; clear:both; height:3px; font-size:1px; overflow:hidden;} .blank6{margin:0px auto; clear:both; height:6px; font-size:1px; overflow:hidden;} .blank9{margin:0px auto; clear:both; height:9px; font-size:1px; overflow:hidden;} .blank10{margin:0px auto; clear:both; height:10px; font-size:1px; overflow:hidden;} .blank12{margin:0px auto; clear:both; height:12px; font-size:1px; overflow:hidden;} .blank15{margin:0px auto; clear:both; height:15px; font-size:1px; overflow:hidden;} .blank20{margin:0px auto; clear:both; height:20px; font-size:1px; overflow:hidden;} .blank25{margin:0px auto; clear:both; height:25px; font-size:1px; overflow:hidden;} .blank30{margin:0px auto; clear:both; height:30px; font-size:1px; overflow:hidden;} .nav_wrapper { width: 100%; min-width: 1100px; line-height: 60px; /*background: #1f2c5c;*/ background-image:url(dhbg.jpg); margin: 0 auto; height: 60px; overflow: hidden; } .nav_box { width: 1100px; overflow: hidden; margin: 0 auto; _overflow: hidden; } .nav_box li { float: left; font-size:14px; text-align: center; _width: 136px; margin: 0 auto; height: 60px; line-height: 45px; /*border-right:#EEE solid 1px;*/ } .nav_box li a { display: block; color: #FFFFFF; padding: 0 35px; } .nav_box li a:hover { background-image:url(dhbg2.jpg); color:#333333 } .nav_wrapper .nav_box li a span { display: block; font-size: 10px; color: #FFF; margin-top: -28px; _font-size: 6px; } .cur { background-image:url(dhbg2.jpg); color:#000000; } .cur a{ color:#000000; } .dhbg{background:url('../images/top_bg.jpg') repeat-x 0 top;height:63px; position:relative;} .dhbox { width:1200px; margin:0 auto; overflow:hidden; } .h_nav li a:-webkit-any-link{ display:block;} .h_nav{height:63px; overflow:hidden;} .h_nav ul{font-size:0;font-family:'Microsoft YaHei';} .h_nav li{float:left; display:inline-block;height:63px;line-height:63px;font-size:0;background:url('../images/nav_line.png') no-repeat;} .h_nav li.first{background:none;} .h_nav li a{color:#fff;display:inline-block;font-size:13px;width:100px;padding-left:6px; text-align:center;} .h_nav li a:hover,.h_nav li.cur a{color:#000; text-decoration:none;background:url('../images/nav_cur.png') no-repeat;_background:url('../images/nav_cur.gif') no-repeat;} .ggtop{color:#666;height:39px; line-height:39px; background-image:url(ggtop.jpg); overflow: hidden;zoom:1; background-color:#CCCCCC} .ggtop em{float:left;font-style:normal;} .ggtop span{float:right;height:39px;line-height:39px;} .ggtop span a{padding:0 6px 0 8px;color:#666;height:39px;line-height:39px; display:inline-block;} .ggtop span a img{vertical-align:middle;} .ab{width:100%; height:350px; background:url('../images/ab.jpg') center 0;margin-bottom:0px;} .ab-con{padding:36px 0 0; margin:0 auto; width:1200px; } .ab-l{width:1160px; float: left; padding:10px; line-height:35px; border-bottom:#F2F2F2 solid 1px;border-top:#F2F2F2 solid 1px;border-left:#F2F2F2 solid 1px;border-right:#F2F2F2 solid 1px;} .ab-l img{display:block; width:350px; height:235px;} .ab1 a{background:url('../images/ab1.gif') no-repeat;} .ab1 a:hover{background:url('../images/ab7.gif') no-repeat;} .ab2 a{background:url('../images/ab2.gif') no-repeat;} .ab2 a:hover{background:url('../images/ab8.gif') no-repeat;} .ab3 a{background:url('../images/ab3.gif') no-repeat;} .ab3 a:hover{background:url('../images/ab9.gif') no-repeat;} .ab4 a{background:url('../images/ab4.gif') no-repeat;} .ab4 a:hover{background:url('../images/ab10.gif') no-repeat;} .ab5 a{background:url('../images/ab5.gif') no-repeat;} .ab5 a:hover{background:url('../images/ab11.gif') no-repeat;} .ab6 a{background:url('../images/ab6.gif') no-repeat;} .ab6 a:hover{background:url('../images/ab12.gif') no-repeat;} .nyfk { margin:0px auto; margin-top:10px; margin-bottom:10px; width: 1200px;} .nyfkr {width: 920px; float:left; margin-left:20px; margin-bottom: 30px;} .nycjj { width:920px; line-height:28px; text-align:left; margin-top:20px;font-size:12px;} .nycjj img {display:block; margin:0 auto;} .nycjjt { width:920px; line-height:23px; text-align:left; margin-top:20px;font-size:12px;} .nymbx { width:920px; line-height:25px; text-align:right;font-size:12px;} .nycbt { width:920px; line-height:30px;margin-bottom:10px; text-align:center;font-size:12px;} .nycbt h2 { color:#D90209; font-size:22px;padding-bottom: 10px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px} .nyclj { width:820px; line-height:30px; margin-bottom:10px; text-align:center;font-size:12px;} .nyfkl { float:left; width: 260px;} .synkl { float:left; width: 360px;} .btbg { background:url(../images/btbg.jpg); line-height:39px; height:39px; font-size:16px; font-weight:bold; color:#333333; padding-left:15px;} .leftgbg { background:url(../images/leftgbg.jpg); width:190px; line-height:35px; margin-left:10px; font-size:14px; font-weight:bold; padding-left:50px;} .syrlx { width:260px; line-height:30px; text-align:left; margin-top:10px;font-size:12px;} .syrlx img { padding-bottom:10px;} .nyfkd { float:left; width: 1100px; margin-top:10px; } .nycpnr { MARGIN-BOTTOM: 5px; FLOAT: left; text-align:center; MARGIN-TOP: 10px; WIDTH: 920px;} .nycpnr UL {FLOAT: left; WIDTH: 920px;text-align:center;} .nycpnr LI {FLOAT: left; PADDING-LEFT: 3px; text-align:center; LINE-HEIGHT: 32px; font-size:12px; WIDTH: 225px} .nycpnr IMG {BORDER-LEFT-WIDTH: 0px; width:210px; height:140px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; padding:2px;border:#eeeeee 1px solid; } .TabTitle2 li.yina_on a{ color:#FFF;} .TabTitle2{padding:20px 0; color:#333;} .header:hover{ display:block;background:#0057A7; } .TabTitle2 ul.expmenul{ margin-left:0 !important; padding-left:0 !important; margin:0;} .TabTitle2 ul.expmenul li {display: block;overflow: hidden;line-height: 30px; color:#f00; } .TabTitle2 ul.expmenul li a { color:#333 !important; text-align:center; text-decoration:none;font-size: 14px;display:block;border-radius:40px; line-height:30px; width:160px; height:30px; border-radius:40px;border:1px solid #0057A7;margin:2px auto;} .TabTitle2 ul.expmenul li a:hover ,.TabTitle2 ul.expmenul li a.hover{ color:#FFF !important; background:#0057A7;} /*@media only screen and (max-width: 992px){ .wrap{width: 95%;} .ddwrap{width: 96%;} .show992{display: block;} /*.hide992{display: none;}*/*/ /*news*/ .xinwen{ background:#eeeeee; padding:10px;min-height:450px; float:left;} .xinwen dl{margin:5px 0; float:left;border-bottom:#ccc 1px dashed;} .xinwen dd{ float:right; width:880px; padding:10px; overflow:hidden} .xinwen dd .bt{ height:36px; line-height:36px; overflow:hidden;} .xinwen dd .bt h5{ float:left; font-weight:normal} .xinwen dd .bt h5 a{font-size:18px; color:#0186d1;} .xinwen dd .bt span{ float:right; padding-right:10px; font-size:14px; color:#999} .xinwen dd .wenz{ line-height:30px; font-size:14px; height:66px;overflow: hidden;text-overflow: ellipsis;} .xinwen dd .xq{background:#8d8d8d; line-height:20px; width:66px; padding:5px 15px; float:right } .xinwen dd .xq a{color:#FFF} .xinwen ul li{margin:0 10px; line-height:35px; font-size:14px; overflow:hidden; height:35px;background:url(../images/png.png) no-repeat -696px -431px;padding-left:8px; border-bottom:#CCC 1px dashed} .xinwen ul li span { float:right; width:85px;} .Page{ text-align:center;margin:30px 0 0 160px;} .Page a{display:inline-block;width:65px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px;text-decoration:none; color:#333; outline:none;} .Page a:hover{ background:#0186d1; color:#FFF;background-repeat:no-repeat; } .Page span{display:inline-block;min-width:45px; padding:0 10px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px;} .Page span.current{ background:#0186d1; color:#FFF} /*abouts*/ .abouts{width:auto;background:#eeeeee;overflow:hidden;padding:10px;height:auto;} .abouts h3{display: block;font-size: 22px; line-height:30px; margin:20px 0;text-align:center;font-weight: normal; color:#333} .abouts .n_tit{border-bottom:1px dashed #CCCCCC;color:#aaaaaa;overflow: hidden;text-align:center; height:30px} .abouts .n_tit span{ font-size:14px;} .abouts .abouttp{ text-align:center; margin:30px 0 0} .abouts .aboutwz{ line-height:30px; font-size:14px; padding:15px;/*text-indent:2em*/} .abouts .feny{background:#e5e5e5; margin:5px;line-height:36px; height:36px; font-size:14px; color:#666; padding:0 10px;overflow:hidden} .abouts .feny span { width:45%; overflow:hidden} /*pro*/ .pro { overflow:hidden; width:100%; margin:30px 0;} .pro .probox{ width:1200px; margin:0 auto;} .pro .proLeft {overflow:hidden; width:210px; float:left;} .pro .proLeft h3{ font-weight:normal; font-size:24px; line-height:69px; padding-left:65px; background:url(../images/png.png) no-repeat -489px -651px;color:#fff;} .pro .proLeft h3 a{ color:#fff;} .pro .proLeft .menu{ overflow:hidden; width:188px; margin:0 auto; padding:10px; padding-bottom:0px; border:1px solid #9c9c9c; border-top:none;} .pro .proLeft .menu li{ overflow:hidden;text-align:center; margin-bottom:10px; float:left;} .pro .proLeft .menu li>a{ display:block; width:188px; height:40px;line-height:40px; font-size:16px; color:#fff; background:url(../images/png.png) no-repeat -509px -720px; text-decoration:none;} .pro .proLeft .menu li.cur>a,.proLeft .menu li:hover>a{ background:url(../images/png.png) no-repeat -509px -760px;} .pro .proLeft .xiala{ overflow:hidden; width:188px; display:none;} .pro .proLeft .xiala a{ display:block; width:186px; height:33px; border:1px solid #a4a4a4; text-align:center; line-height:33px; font-size:15px; color:#333; margin-top:10px; text-decoration:none} .pro .proLeft .xiala a:hover{ border-color:#ff6d00; color:#ff6d00;} .pro .proright{ float:right;width:980px;} .pro .product li{ float:left; margin:0px 4px 15px; border:solid 1px #CCCCCC} .pro .product li span{ display:block; line-height:40px; height:40px; font-size:14px; background-color:#CCC; width:235px; text-align:center; overflow:hidden} .pro .product li span:hover{ color:#0081c9} .productlist { width:auto; background:#eeeeee; padding-top:10px; min-height:400px;} .productlist li{ float:left; margin:0px 0px 15px 14px; border:solid 1px #CCCCCC} .productlist li span{ display:block; line-height:40px; height:40px; font-size:14px; background-color:#CCC; width:210px; text-align:center; overflow:hidden} .productlist li span:hover{ color:#0081c9}